<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button id='btn'>唐伯虎</button>

    <script>
        // 网页中每个元素都可以产生某些可以出发JavaScript的时间
        // 例如我们可以在用户点击某些按钮时产生事件，然后去执行某些操作。
        // 点击某个按钮 弹出对话框
        // 事件是由三部分组成的：事件源 事件类型 事件处理程序 我们也称为事件三要素
        //（1）事件源：事件被触发的对象（例如按钮）
        var btn = document.getElementById('btn');

        //（2）事件类型：如何触发 什么事件（例如鼠标点击 onclick 还是鼠标经过 还是鼠标按下
        //（3）事件处理程序： 通过一个函数复制的方式完成
        btn.onclick = function() {
            alert('点秋香');
        }
    </script>

</body>

</html>